﻿<Bar Breakpoint="Breakpoint.Desktop" NavigationBreakpoint="Breakpoint.Tablet" ThemeContrast="ThemeContrast.Dark"
     Mode="BarMode.VerticalInline" CollapseMode="BarCollapseMode.Small">
    <BarToggler />
    <BarBrand>
        <BarItem>
            <BarLink To="">
                <BarIcon IconName="customIcon" />
                Blazorise Demo
            </BarLink>
        </BarItem>
    </BarBrand>
    <BarMenu>
        <BarStart>
            <BarItem>
                <BarLink To="">
                    <BarIcon IconName="IconName.Dashboard" />
                    Dashboard
                </BarLink>
            </BarItem>
            <BarItem>
                <BarDropdown @bind-Visible="uiElementsVisible">
                    <BarDropdownToggle>
                        <BarIcon IconName="IconName.Wrench" />
                        UI Elements
                    </BarDropdownToggle>
                    <BarDropdownMenu>
                        <BarDropdownItem To="tests/buttons">
                            Buttons
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/modals">
                            Modals
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/cards">
                            Cards
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/progressbars">
                            Progress bars
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/elements">
                            General UI
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/typography">
                            Typography
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/collapse">
                            Collapse
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/tables">
                            Tables
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/figures">
                            Figures
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/tabs">
                            Tabs
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/steps">
                            Steps
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/carousel">
                            Carousel
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/ratings">
                            Rating
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/icons">
                            Icons
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/listgroup">
                            List group
                        </BarDropdownItem>
                    </BarDropdownMenu>
                </BarDropdown>
            </BarItem>
            <BarItem>
                <BarDropdown>
                    <BarDropdownToggle>
                        <BarIcon IconName="IconName.Edit" />
                        Forms
                    </BarDropdownToggle>
                    <BarDropdownMenu>
                        <BarDropdownItem To="tests/forms">
                            Forms
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/validations">
                            Validations
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/misc-forms">
                            Misc
                        </BarDropdownItem>
                        <BarDropdown>
                            <BarDropdownToggle>
                                Nested Forms
                            </BarDropdownToggle>
                            <BarDropdownMenu>
                                <BarDropdownItem To="tests/forms">
                                    Nested Forms
                                </BarDropdownItem>
                                <BarDropdownItem To="tests/validations">
                                    Nested Validations
                                </BarDropdownItem>
                            </BarDropdownMenu>
                        </BarDropdown>
                    </BarDropdownMenu>
                </BarDropdown>
            </BarItem>
            <BarItem>
                <BarDropdown>
                    <BarDropdownToggle>
                        <BarIcon IconName="IconName.CompactDisc" />
                        Datagrid
                    </BarDropdownToggle>
                    <BarDropdownMenu>
                        <BarDropdownItem To="tests/datagrid">
                            Configurable demo
                        </BarDropdownItem>
                        <BarDropdown>
                            <BarDropdownToggle>
                                Data
                            </BarDropdownToggle>
                            <BarDropdownMenu>
                                <BarDropdownItem To="tests/datagrid/data/in-memory">
                                    In Memory
                                </BarDropdownItem>
                                <BarDropdownItem To="tests/datagrid/data/read-data">
                                    From an External Source
                                </BarDropdownItem>
                            </BarDropdownMenu>
                        </BarDropdown>

                        <BarDropdown>
                            <BarDropdownToggle>
                                Virtualize
                            </BarDropdownToggle>
                            <BarDropdownMenu>
                                <BarDropdownItem To="tests/datagrid/virtualize/in-memory">
                                    In Memory
                                </BarDropdownItem>
                                <BarDropdownItem To="tests/datagrid/virtualize/read-data">
                                    From an External Source
                                </BarDropdownItem>
                            </BarDropdownMenu>
                        </BarDropdown>

                        <BarDropdown>
                            <BarDropdownToggle>
                                Selection
                            </BarDropdownToggle>
                            <BarDropdownMenu>
                                <BarDropdownItem To="tests/datagrid/selection/single">
                                    Single
                                </BarDropdownItem>
                                <BarDropdownItem To="tests/datagrid/selection/multiple">
                                    Multiple
                                </BarDropdownItem>
                                <BarDropdownItem To="tests/datagrid/selection/row-detail">
                                    Row Detail
                                </BarDropdownItem>
                                <BarDropdownItem To="tests/datagrid/selection/styling">
                                    Styling
                                </BarDropdownItem>
                            </BarDropdownMenu>
                        </BarDropdown>

                        <BarDropdown>
                            <BarDropdownToggle>
                                Editing
                            </BarDropdownToggle>
                            <BarDropdownMenu>
                                <BarDropdownItem To="tests/datagrid/editing/commands">
                                    Commands
                                </BarDropdownItem>
                                <BarDropdownItem To="tests/datagrid/editing/button-row">
                                    Button Row
                                </BarDropdownItem>
                                <BarDropdownItem To="tests/datagrid/editing/update-cell">
                                    Update Cell
                                </BarDropdownItem>
                            </BarDropdownMenu>
                        </BarDropdown>

                        <BarDropdown>
                            <BarDropdownToggle>
                                Filter
                            </BarDropdownToggle>
                            <BarDropdownMenu>
                                <BarDropdownItem To="tests/datagrid/filter/standard">
                                    Standard
                                </BarDropdownItem>
                                <BarDropdownItem To="tests/datagrid/filter/custom">
                                    Custom
                                </BarDropdownItem>
                                <BarDropdownItem To="tests/datagrid/filter/column-filter">
                                    Column Filter
                                </BarDropdownItem>
                            </BarDropdownMenu>
                        </BarDropdown>

                        <BarDropdown>
                            <BarDropdownToggle>
                                Sort
                            </BarDropdownToggle>
                            <BarDropdownMenu>
                                <BarDropdownItem To="tests/datagrid/sort/single">
                                    Single
                                </BarDropdownItem>
                                <BarDropdownItem To="tests/datagrid/sort/multiple">
                                    Multiple
                                </BarDropdownItem>
                            </BarDropdownMenu>
                        </BarDropdown>

                        <BarDropdownItem To="tests/datagrid/aggregates">
                            Aggregates
                        </BarDropdownItem>

                        <BarDropdownItem To="tests/datagrid/validations">
                            Validations
                        </BarDropdownItem>

                        <BarDropdownItem To="tests/datagrid/pager">
                            Pager
                        </BarDropdownItem>

                        <BarDropdownItem To="tests/datagrid/resize">
                            Resize
                        </BarDropdownItem>

                        <BarDropdownItem To="tests/datagrid/fixed-header">
                            Fixed Header
                        </BarDropdownItem>

                    </BarDropdownMenu>
                </BarDropdown>
            </BarItem>
            <BarItem>
                <BarDropdown Visible="true">
                    <BarDropdownToggle>
                        <BarIcon IconName="IconName.PuzzlePiece" />
                        Extensions
                    </BarDropdownToggle>
                    <BarDropdownMenu>
                        <BarDropdownItem To="tests/components">
                            Components
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/charts">
                            Charts
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/livecharts">
                            Live Charts
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/markdown">
                            Markdown
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/treeview">
                            TreeView
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/richtextedit">
                            RichTextEdit
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/spinkit">
                            Spin Kit
                        </BarDropdownItem>
                    </BarDropdownMenu>
                </BarDropdown>
            </BarItem>
        </BarStart>
        <BarEnd>
            <BarItem>
                <BarDropdown>
                    <BarDropdownToggle>
                        <BarIcon IconName="IconName.Flask" />
                        Utilities
                    </BarDropdownToggle>
                    <BarDropdownMenu>
                        <BarDropdownItem To="tests/utilities/borders">
                            Borders
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/utilities/flex">
                            Flex
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/utilities/overflow">
                            Overflow
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/utilities/layout">
                            Layout
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/utilities/position">
                            Position
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/utilities/shadows">
                            Shadows
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/utilities/sizing">
                            Sizing
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/utilities/vertical-align">
                            Vertical align
                        </BarDropdownItem>
                        <BarDropdownItem To="tests/utilities/services">
                            Services
                        </BarDropdownItem>
                    </BarDropdownMenu>
                </BarDropdown>
            </BarItem>
            <BarItem>
                <BarDropdown>
                    <BarDropdownToggle>
                        <BarIcon IconName="IconName.Smartphone" />
                        Apps
                    </BarDropdownToggle>
                    <BarDropdownMenu>
                        <BarDropdownItem To="apps/todo">
                            Todo
                        </BarDropdownItem>
                    </BarDropdownMenu>
                </BarDropdown>
            </BarItem>
        </BarEnd>
    </BarMenu>
</Bar>
@code {
    private bool uiElementsVisible = true;

    RenderFragment customIcon =@<img src="/brand-logo.png" style="width:32px; height: 32px" />;
}